/*全局*/
/*hearder --- display: none;*/
.m-hearder-box {
 display: none
}
.m-footer-box {
 display: none
}
.m-two-list-card-box {
 display: none
}
.m-three-list-card-bg {
 display: none
}
.m-container {
 display: none
}
.m-page-box {
 display: none
}
.m-three-list-card-title {
 display: none
}
.m-organization-box {
 display: none
}
.m-photo-list-card-box {
 display: none
}
.m-three-list-card-box {
 display: none
}
.hearder-box {
 background-color: #ebf5f7;
 width: 100%;
 padding-top: 20px;
 height: 118px;
 border-bottom: 2px solid #4f889f;
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}
.hearder-box .top-box {
 font-size: 12px;
 padding: 0 40px;
}
.top-box .top-phone {
 margin-left: 60px;
}
.top-box .top-link a {
 display: block;
 position: relative;
 transition: all 0.5s ease;
 color: #666;
}
.top-box .top-link a div {
 display: none;
 position: absolute;
 top: 12px;
 background-color: #fff;
 padding: 8px;
 margin-left: -120px;
 box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
 z-index: 10000;
}
.top-box .top-link a div img {
 width: 320px;
}
.top-box .top-link a:hover div {
 display: inline;
 top: 32px;
}
.top-link span, .top-phone span {
 font-size: 10px;
 color: #dfe5e6;
 display: inline-block;
 padding: 0 8px;
}
.hearder-box .nav-box {
 padding: 0 40px;
 position: relative;
}
.nav-logo a {
 position: absolute;
 display: inline-block;
 width: 388px;
 height: 81px;
 background: url(../images/logo.png) no-repeat;
 margin-top: -20px;
}
.nav-box .nav-list-box {
 padding-top: 16px;
}
.nav-list-box .nav-item li {
 font-size: 14px;
 font-weight: 700;
 float: left;
 padding: 0 0 0 60px;
 position: relative;
 z-index: 9999
}
.nav-list-box .nav-item li.nav-active a {
 color: #0f7395;
 border-bottom: 2px solid #0f7395;
}
.nav-list-box .nav-item li a {
 color: #424242;
 display: block;
 height: 40px;
 line-height: 42px;
 font-size: 16px;
}
.nav-list-box .nav-item li a:hover {
 display: block;
 height: 40px;
 line-height: 42px;
 color: #0f7395;
 border-bottom: 2px solid #0f7395;
}
/*导航二级菜单01*/
.nav-item li .nav-item-list {
 display: none;
}
.nav-item li:hover .nav-item-list {
 border-radius: 2px;
 display: inline;
 position: absolute;
 min-width: 176px;
 background-color: rgba(235, 245, 247, 0.95);
 clear: both;
 top: 40px;
 left: 0;
 padding: 20px 0;
 box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.06)；
}
.nav-item li:hover .nav-item-list a {
 width: 100%;
 text-align: center;
 line-height: 42px;
 display: inline-block;
 white-space: nowrap;
 color: #0f7395;
 padding: 0 6px;
 border: 0;
}
.nav-item li:hover .nav-item-list a:hover {
 color: #fff;
 background-color: #4f889f;
 border: none
}
/*导航二级菜单02*/
.w-container {
 width: 1200px;
 margin: 0 auto;
}
.swiper1 {
 width: 100%;
}
.swiper1 .selected {
 color: #4f889f;
 border-bottom: 2px solid #4f889f;
}
.swiper1 .swiper-slide {
 text-align: center;
 font-size: 18px;
 height: 88px;
 /* Center slide text vertically */
 display: -webkit-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
 cursor: pointer;
}
.swiper2 {
 width: 100%;
}
.swiper2 .swiper-slide {
 height: calc(100vh - 50px);
 background-color: #ccc;
 color: #fff;
 text-align: center;
 box-sizing: border-box !important;
 overflow-x: hidden !important;
}
.nav-item li .nav-item-list-lg {
 display: none;
}
.nav-item li:hover .nav-item-list-lg {
 border-radius: 2px;
 display: inline;
 position: absolute;
 min-width: 226px;
 background-color: rgba(235, 245, 247, 0.95);
 clear: both;
 top: 40px;
 left: -32px;
 padding: 20px 0;
 box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.06)；
}
.nav-item li:hover .nav-item-list-lg a {
 width: 100%;
 text-align: center;
 line-height: 42px;
 display: inline-block;
 white-space: nowrap;
 color: #0f7395;
 padding: 0 16px;
 border: 0;
}
.nav-item li:hover .nav-item-list-lg a:hover {
 color: #fff;
 background-color: #4f889f;
 border: none
}
/*导航二级菜单03*/
.nav-item li .nav-item-list-l {
 display: none;
}
.nav-item li:hover .nav-item-list-l {
 border-radius: 2px;
 display: inline;
 position: absolute;
 min-width: 186px;
 background-color: rgba(235, 245, 247, 0.95);
 clear: both;
 top: 40px;
 left: 32px;
 padding: 20px 0;
 box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.06)；
}
.nav-item li:hover .nav-item-list-l a {
 width: 100%;
 text-align: center;
 line-height: 42px;
 display: inline-block;
 white-space: nowrap;
 color: #0f7395;
 padding: 0 16px;
 border: 0;
}
.nav-item li:hover .nav-item-list-l a:hover {
 color: #fff;
 background-color: #4f889f;
 border: none
}
/*footer*/
.footer-box {
 background-color: #f2fcfe;
}
.footer-box .footer-link-box {
 width: 1200px;
 margin: 0 auto;
 padding: 40px 0 20px 0;
}
.footer-link-box .footer-link-item {
 width: 200px;
 padding-right: 20px;
 float: left;
}
.footer-link-box .footer-link-item-long {
 width: 280px;
 padding-left: 20px;
 float: left;
}
.footer-link-box .footer-link-item-last {
 width: 320px;
 padding-left: 20px;
 float: left;
}
.footer-link-item-last .flink-item-code {
 margin-top: 24px;
 height: 64px;
 position: relative;
}
.flink-item-code #flink-weixin {
 width: 42px;
 height: 42px;
 font-size: 14px;
 padding-top: 46px;
 text-align: center;
 display: inline-block;
 position: relative;
 background: url(../images/ico-bg.png) no-repeat 0 0;
 cursor: pointer;
 transition: transform .5s;
 position: relative;
}
.flink-item-code #flink-weixin:hover {
 width: 42px;
 height: 42px;
 font-size: 14px;
 padding-top: 46px;
 text-align: center;
 display: inline-block;
 position: relative;
 background: url(../images/ico-bg.png) no-repeat 0 -52px;
 cursor: pointer;
}
.flink-item-code #flink-weixin div {
 display: none;
}
.flink-item-code #flink-weixin:hover div {
 display: inline;
 background-color: rgba(255, 255, 255, 0.6);
 width: 128px;
 height: 128px;
 position: absolute;
 left: -38px;
 top: -136px;
 box-shadow: 0 0 6px rgba(0, 0, 0, 0.1)
}
.flink-item-code #flink-weixin div img {
 width: 128px;
 height: 128px;
}
.footer-link-item .flink-item-title {
 font-size: 14px;
 color: #4f889f;
 font-weight: 700;
}
.footer-link-item .flink-item-text {
 padding-top: 8px;
}
.flink-item-text li {
 font-size: 14px;
 line-height: 24px;
}
.footer-link-item-last .flink-item-title {
 font-size: 14px;
 color: #4f889f;
 font-weight: 700;
}
.footer-link-item-last .flink-item-text {
 padding-top: 8px;
}
.footer-link-item-long .flink-item-title {
 font-size: 14px;
 color: #4f889f;
 font-weight: 700;
}
.footer-link-item-long .flink-item-text {
 padding-top: 8px;
}
.footer-box .footer-text-box {
 width: 1200px;
 margin: 0 auto;
 padding: 32px 0;
 font-size: 12px;
}
.footer-text-box .footer-text-l {
 font-size: 12px;
 float: left;
 color: #78a2b3;
}
.footer-text-box .footer-text-r {
 font-size: 14px;
 float: right;
 color: #78a2b3;
}
.footer-text-r a {
 padding: 0 4px;
}
/*二级导航---二级页面*/
.two-class-box {
 height: 68px;
 padding-top: 8px;
 border-bottom: 1px solid #e2e2e2;
}
.two-class-box .two-class-item {
 width: 1200px;
 position: relative;
 margin: 0 auto;
 text-align: center;
}
.two-class-item .two-class-item-list li {
 font-size: 14px;
 float: left;
 position: relative;
 color: #5f5f5f;
 display: block;
 height: 60px;
 line-height: 62px;
 margin-right: 20px;
 cursor: pointer;
}
.two-class-item .two-class-item-list li:hover {
 display: block;
 height: 60px;
 line-height: 62px;
 color: #0f7395;
 border-bottom: 2px solid #0f7395;
}
.two-class-item .two-class-item-list li.nav-active {
 font-weight: 700;
 line-height: 62px;
 color: #0f7395;
 border-bottom: 2px solid #0f7395;
}
/*二级导航大字号---二级页面*/
.two-class-box-lg {
 height: 68px;
 padding-top: 8px;
 border-bottom: 1px solid #e2e2e2;
 overflow: hidden
}
.two-class-box-lg .two-class-lg-item {
 width: 1200px;
 position: relative;
 margin: 0 auto;
 text-align: center;
}
.two-class-lg-item .two-class-item-list li {
 font-size: 16px;
 float: left;
 position: relative;
 color: #5f5f5f;
 display: block;
 height: 60px;
 line-height: 62px;
 margin-right: 25px;
 cursor: pointer;
}
.two-class-lg-item .two-class-item-list li:hover {
 display: block;
 height: 60px;
 line-height: 62px;
 color: #0f7395;
 border-bottom: 2px solid #0f7395;
}
.two-class-lg-item .two-class-item-list li.nav-active {
 font-weight: 700;
 line-height: 62px;
 color: #0f7395;
 border-bottom: 2px solid #0f7395;
}
/*卡片列表---二级页面*/
.two-list-card-box {
 width: 1200px;
 position: relative;
 margin: 50px auto;
}
.two-list-card-box .two-list-card-item {
 width: 1260px;
 position: relative;
}
.two-list-card-item ul li {
 width: 285px;
 height: 228px;
 margin-right: 20px;
 margin-bottom: 20px;
 float: left;
 position: relative;
}
.two-list-card-item ul li a {
 width: 285px;
 height: 228px;
 display: block;
 transform: translateY(0px);
}
.two-list-card-item ul li a:hover {
 width: 285px;
 height: 228px;
 display: block;
 box-shadow: 0 0 24px rgba(0, 0, 0, 0.2);
 transform: translateY(-16px);
}
.two-list-card-item ul li a .two-list-card-info {
 width: 285px;
 height: 88px;
 position: absolute;
 left: 0;
 bottom: 0;
 text-align: center;
 background-color: #fff;
}
.two-list-card-item ul li a:hover .two-list-card-info {
 background-color: #fff;
}
.two-list-card-item ul li a img {
 width: 285px;
 height: 214px;
}
.two-list-card-info p {
 font-size: 16px;
 font-weight: 400;
 padding: 16px 8px 8px 8px;
 margin: 0;
}
.two-list-card-info span {
 display: inline-block;
 font-size: 14px;
 color: #6094a8;
 line-height: 20px;
 padding: 0 12px;
 border: 1px solid #6094a8;
 border-radius: 100px;
}
/*卡片列表 3列---二级页面*/
.three-list-card-bg {
 height: 600px;
 padding: 60px 0;
 margin-bottom: 20px;
 background: url(../images/process-bg.jpg) no-repeat top center;
}
.three-list-card-bg-title {
 width: 1200px;
 position: relative;
 margin: 0 auto;
}
.three-list-card-bg-title h3 {
 color: #fff;
 font-weight: 700;
}
.three-list-card-box {
 width: 1200px;
 position: relative;
 margin: 0 auto;
}
.three-list-card-img {
 width: 1200px;
 position: relative;
 margin: 30px auto 0;
}
.three-list-card-title {
 width: 1200px;
 position: relative;
 margin: 50px auto 40px;
}
.three-list-card-title h3 {
 color: #424242;
 font-weight: 700;
}
.three-list-card-box {
 width: 1200px;
 position: relative;
 margin: 0 auto;
}
.three-list-card-box .three-list-card-item {
 width: 1254px;
 position: relative;
}
.three-list-card-item ul li {
 width: 388px;
 height: 290px;
 margin-right: 18px;
 margin-bottom: 18px;
 float: left;
 position: relative;
}
.three-list-card-item ul li a {
 width: 388px;
 height: 290px;
 padding: 0 9px;
 display: block;
 transform: translateY(0px);
 background-color: #fff;
}
.three-list-card-item ul li a:hover {
 width: 388px;
 height: 290px;
 display: block;
 box-shadow: 0 0 24px rgba(0, 0, 0, 0.2);
 transform: translateY(-20px);
}
.three-list-card-item ul li a .three-list-card-info {
 width: 388px;
 height: 42px;
 position: absolute;
 left: 0;
 bottom: 0;
 text-align: center;
 color: #fff;
 background-color: rgba(15, 115, 150, 0.6);
}
.three-list-card-item ul li a:hover .three-list-card-info {
 background-color: rgba(15, 115, 150, 0.9);
}
.three-list-card-item ul li a img {
 width: 370px;
 height: 278px;
}
.three-list-card-info p {
 font-size: 14px;
 font-weight: 700;
 padding: 8px;
 margin: 0;
}
/*图片卡片列表 3列---二级页面*/
.photo-list-card-title {
 width: 1200px;
 position: relative;
 margin: 50px auto 40px;
}
.photo-list-card-title h3 {
 color: #424242;
 font-weight: 700;
}
.photo-list-card-box {
 width: 1200px;
 position: relative;
 margin: 0 auto;
}
.photo-list-card-box .photo-list-card-item {
 width: 1254px;
 position: relative;
}
.photo-list-card-item ul li {
 width: 388px;
 height: 290px;
 margin-right: 18px;
 margin-bottom: 32px;
 float: left;
 position: relative;
}
.photo-list-card-item ul li a {
 width: 388px;
 height: 290px;
 display: block;
 transform: translateY(0px);
 background-color: #fff;
}
.photo-list-card-item ul li a:hover {
 width: 388px;
 height: 290px;
 display: block;
 box-shadow: 0 0 24px rgba(0, 0, 0, 0.2);
}
.photo-list-card-item ul li a .photo-list-card-info {
 width: 388px;
 height: 42px;
 position: absolute;
 left: 0;
 bottom: 0;
 text-align: center;
 background-color: rgba(255, 255, 255, 0.8);
 z-index: 999;
}
.photo-list-card-item ul li a:hover .photo-list-card-info {
 background-color: rgba(255, 255, 255, 0.98);
}
.photo-list-card-item ul li a img {
 width: 388px;
 height: 290px;
 transform: scale(1);
 transition: transform .5s;
}
.photo-list-card-item ul li a:hover img {
 transform: scale(1.1);
 transition: transform .5s;
}
.photo-list-card-info p {
 font-size: 14px;
 font-weight: 700;
 padding: 8px;
 margin: 0;
}
.cotent-card-title {
 width: 1200px;
 position: relative;
 margin: 50px auto 40px;
}
.cotent-list-card-box {
 width: 1200px;
 position: relative;
 margin: 0 auto;
}
/*联系方式*/
.cotent-list-card-box {
 margin-top: 30px;
 position: relative;
 border-radius: 4px;
}
.cotent-list-card-box .content-list-l {
 width: 620px;
 padding-right: 24px;
 float: left;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.cotent-list-card-box .content-list-r {
 width: 420px;
 padding-right: 24px;
 float: left;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.cotent-list-card-box .cotent-list-card-title {
 font-size: 20px;
 font-weight: 700;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.cotent-list-card-box .cotent-list-card-text {
 font-size: 14px;
 line-height: 18px;
 color: #424242;
}
.cotent-list-card-text h3 {
 font-size: 32px;
 font-weight: 700;
 line-height: 24px;
 color: #0f7395;
 margin-bottom: 16px;
}
.cotent-list-card-text p {
 font-size: 14px;
 line-height: 18px;
 margin-bottom: 16px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.cotent-list-card-text p.cotent-list-card-01 {
 color: #0f7395;
 margin-bottom: 8px;
}
.cotent-list-card-text p b {
 color: #0f7395;
 margin-right: 8px;
}
/*map*/
.two-map-box {
 width: 1200px;
 height: 420px;
 margin: 60px auto;
 overflow: hidden
}
/*组织架构*/
.organization-box {
 width: 1200px;
 height: 900px;
 margin: 60px auto;
 overflow: hidden
}
/*左右分割BOX---二级页面*/
.two-list-text-box {
 width: 1200px;
 margin: 10px auto;
}
.two-list-text-box .two-list-box-left {
 width: 800px;
 float: left;
}
.two-list-text-item ul li {
 padding: 24px 0 16px 0;
 border-bottom: 1px solid #e8e8e8;
 transition: all 0.5s ease
}
.two-list-text-item ul li:hover {
 background-color: #f3f8fa
}
.two-list-text-item ul li a {
 font-size: 20px;
 line-height: 28px;
 margin-top: 4px;
 display: inline-block;
 color: #141414;
}
.two-list-text-item ul li a:hover {
 color: #4f889f;
}
.two-list-text-item ul li a i {
 font-size: 20px;
 color: #6094a8;
 padding-right: 8px;
}
.two-list-text-item ul li p {
 font-size: 14px;
 line-height: 20px;
 color: #5f5f5f;
 padding-right: 16px;
 padding-top: 16px;
}
.two-list-text-item .two-cotent-text {
 background-color: none;
 padding: 32px 0;
}
.two-cotent-text .two-cotent-time {
 font-size: 14px;
 color: #ccc;
 margin-top: 24px;
}
.two-cotent-text .two-cotent-img {
 margin: 32px 0;
}
.two-cotent-text img {
 max-width: 680px;
}
.two-cotent-text table {
 max-width: 770px;
}
.two-list-text-box .two-list-box-right {
 width: 360px;
 float: right;
}
.two-list-box-right .two-windows-box {
 margin-top: 20px;
}
.two-windows-box .two-windows-title {
 font-size: 16px;
 height: 48px;
 line-height: 50px;
 border-bottom: 1px solid #e2e2e2;
 color: #141414;
 margin-bottom: 20px;
}
.two-windows-title b {
 display: inline-block;
 height: 48px;
 line-height: 50px;
 border-bottom: 2px solid #4f889f;
}
.two-windows-box .two-windows-item {
 width: 366px;
 position: relative;
}
.two-windows-item a {
 width: 118px;
 height: 118px;
 margin-right: 3px;
 margin-bottom: 3px;
 position: relative;
 display: block;
 float: left;
 overflow: hidden;
}
.two-windows-item a img {
 width: 118px;
 height: 118px;
 transform: scale(1);
 transition: transform .5s;
}
.two-windows-item a img:hover {
 transform: scale(1.1);
 transition: transform .5s;
}
.two-windows-item a div {
 width: 100%;
 height: 118px;
 background-color: rgba(0, 96, 128, 0.4);
 display: inline;
 position: absolute;
 z-index: 99;
 top: 0;
 transition: transform .5s;
}
.two-windows-item a:hover div {
 display: none;
}
.two-windows-item a b.one {
 width: 100%;
 top: 50%;
 margin-top: -18px;
 font-size: 14px;
 line-height: 18px;
 color: #fff;
 padding: 8px;
 text-align: center;
 position: absolute;
 display: block;
 z-index: 999;
}
.two-windows-item a b.two {
 width: 100%;
 top: 50%;
 margin-top: -18px;
 font-size: 14px;
 line-height: 18px;
 color: #fff;
 padding: 8px;
 text-align: center;
 position: absolute;
 display: block;
 z-index: 999;
}
.two-windows-item a b.three {
 width: 100%;
 top: 50%;
 margin-top: -32px;
 font-size: 14px;
 line-height: 18px;
 color: #fff;
 padding: 8px;
 text-align: center;
 position: absolute;
 display: block;
 z-index: 999;
}
.two-service-box {
 margin-top: 30px;
 position: relative;
}
.two-service-box .two-service-title {
 font-size: 16px;
 font-weight: 700;
 margin-bottom: 4px;
}
.two-service-box .two-service-text {
 font-size: 14px;
 color: #999;
 margin-bottom: 16px;
}
.two-service-box .two-service-btn {
 height: 32px;
}
.two-service-btn a {
 width: 96px;
 padding: 6px 0;
 display: inline-block;
 font-size: 12px;
 text-align: center;
 border: 1px solid #c3dce4;
 border-radius: 2px;
 color: #0f7395;
 font-weight: 700;
 position: relative;
 z-index: 9;
}
.two-service-btn a:hover {
 color: #fff;
 background-color: #0f7395;
 border: 1px solid #0f7395;
}
.two-service-box .two-service-bg {
 width: 157px;
 height: 164px;
 background: url(../images/bg-two-service.png) no-repeat;
 position: absolute;
 top: -15px;
 right: 0;
 z-index: 10;
}
.two-contact-box {
 padding: 30px;
 margin-top: 30px;
 background-color: #fff;
 position: relative;
 border-radius: 4px;
}
.two-contact-box .two-contact-title {
 font-size: 20px;
 font-weight: 700;
}
.two-contact-box .two-contact-text {
 font-size: 14px;
 line-height: 18px;
 color: #5f5f5f;
}
.two-contact-text h3 {
 font-size: 20px;
 font-weight: 700;
 line-height: 24px;
 color: #0f7395;
 margin-bottom: 16px;
}
.two-contact-text p {
 font-size: 14px;
 line-height: 18px;
 margin-bottom: 16px;
}
.two-contact-text p.two-contact-01 {
 color: #0f7395;
 margin-bottom: 8px;
}
.two-contact-text p b {
 color: #0f7395;
 margin-right: 8px;
}
.two-code-box {
 margin-top: 30px;
 text-align: center;
}
.cotent-list-card-img {
 margin-top: 20px;
}
.two-cotent-end {
 font-size: 14px;
 text-align: center;
 color: #5f5f5f;
 padding-bottom: 24px;
}
.two-cotent-end b {
 padding: 0 12px;
}
.page-link-box {
 font-size: 14px;
 height: 42px;
 color: #999;
}
.page-link-box .page-link-l {
 width: 380px;
 float: left;
}
.page-link-box .page-link-r {
 width: 380px;
 float: right;
 text-align: right;
}
/*分页*/
.page-box {
 padding-top: 24px;
 text-align: center;
}
.page-box-bt50 {
 padding: 20px 0 50px;
 text-align: center;
}
/*波纹*/
.corrugated-up {
 width: 100%;
 height: 40px;
 background: url(../images/body-bg-corrugated-dwon.png) no-repeat top center;
 position: absolute;
 top: -1px;
 left: 0;
 z-index: 999;
}
.corrugated-dwon {
 width: 100%;
 height: 40px;
 background: url(../images/body-bg-corrugated.png) no-repeat top center;
 position: absolute;
 bottom: -3px;
 left: 0;
 z-index: 999;
}
/*移动设备兼容*/
@media only screen and (max-width: 540px) {
 .hearder-box {
  display: none;
 }
 .footer-box {
  display: none;
 }
}
@media only screen and (max-width: 768px) {
 .hearder-box {
  display: none;
 }
 .footer-box {
  display: none;
 }
}
@media only screen and (max-width: 991px) {
 .hearder-box {
  display: none;
 }
 .footer-box {
  display: none;
 }
}
@media only screen and (max-width: 1199px) {
 .hearder-box {
  display: none;
 }
 .footer-box {
  display: none;
 }
 .page-box {
  display: none;
 }
 .two-list-card-box {
  display: none;
 }
 .three-list-card-bg {
  display: none;
 }
 .three-list-card-title {
  display: none;
 }
 .organization-box {
  display: none;
 }
 .photo-list-card-box {
  display: none;
 }
 .three-list-card-box {
  display: none;
 }
 .m-hearder-box {
  display: inline-block;
  background-color: #ebf5f7;
  width: 100%;
  height: 98px;
  border: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  position: relative;
 }
 .m-hearder-box .m-nav-logo a {
  position: absolute;
  display: inline-block;
  width: 200px;
  height: 72px;
  margin: 30px 20px 12px 20px;
  background: url(../images/logo.png) no-repeat;
  background-size: 200px;
 }
 .m-hearder-box .m-nav-box {
  width: 98px;
  height: 98px;
 }
 .m-hearder-box .m-nav-item {
  width: 100%;
  position: absolute;
  z-index: 999;
  background-color: rgba(255, 255, 255, .98);
  top: 48px;
 }
 .m-nav-item .m-nav-item {
  padding: 24px 0;
 }
 .m-nav-item .m-nav-item li {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #e2e2e2
 }
 .m-nav-item .m-nav-item li a {
  display: inline-block;
  width: 100%;
  height: auto;
  line-height: 98px;
  font-size: 2.2rem;
  text-align: center;
  font-weight: 700;
 }
 .m-nav-item .m-nav-item li:last-child {
  border-bottom: 0
 }
 .m-nav-item li .m-nav-item-list {
  width: 100%;
  height: auto;
  padding: 24px 20px;
  background-color: #ebf5f7;
 }
 .m-nav-item li .m-nav-item-list a {
  display: block;
  width: 100%;
  line-height: 88px;
  font-size: 2rem;
  text-align: center;
  border-bottom: 1px solid #fff
 }
 .m-nav-item li .m-nav-item-list a:last-child {
  border-bottom: 0
 }
 /*二级导航大字号---二级页面*/
 .two-class-box-lg {
  height: 68px;
  padding-top: 8px;
  border-bottom: 1px solid #e2e2e2;
  overflow: hidden
 }
 .two-class-box-lg .two-class-lg-item {
  width: 100%;
  position: relative;
  margin: 0 auto;
  text-align: center;
  padding: 0 20px;
 }
 .two-class-lg-item .two-class-item-list li {
  font-size: 24px;
  float: left;
  position: relative;
  color: #5f5f5f;
  display: block;
  height: 60px;
  line-height: 64px;
  margin-right: 48px;
  cursor: pointer;
 }
 .two-class-lg-item .two-class-item-list li:hover {
  display: block;
  height: 60px;
  line-height: 64px;
  color: #0f7395;
  border-bottom: 4px solid #0f7395;
 }
 .two-class-lg-item .two-class-item-list li.nav-active {
  font-weight: 700;
  line-height: 62px;
  color: #0f7395;
  border-bottom: 2px solid #0f7395;
 }
 /*二级导航---二级页面*/
 .two-class-box {
  height: 68px;
  padding-top: 8px;
  border-bottom: 1px solid #e2e2e2;
  overflow: hidden
 }
 .two-class-box .two-class-item {
  width: 100%;
  position: relative;
  margin: 0 auto;
  text-align: center;
  padding: 0 20px;
 }
 .two-class-item .two-class-item-list li {
  font-size: 14px;
  float: left;
  position: relative;
  color: #5f5f5f;
  display: block;
  height: 60px;
  line-height: 62px;
  margin-right: 20px;
  cursor: pointer;
 }
 .two-class-item .two-class-item-list li:hover {
  display: block;
  height: 60px;
  line-height: 62px;
  color: #0f7395;
  border-bottom: 2px solid #0f7395;
 }
 .two-class-item .two-class-item-list li.nav-active {
  font-weight: 700;
  line-height: 62px;
  color: #0f7395;
  border-bottom: 2px solid #0f7395;
 }
 /*左右分割BOX---二级页面*/
 .two-list-text-box {
  width: 100%;
 }
 .two-list-text-box .two-list-box-left {
  width: 100%;
  padding: 0 6px 0 30px;
 }
 .two-list-text-item ul li {
  padding: 24px 24px 16px 24px;
  border-bottom: 1px solid #e8e8e8;
  transition: all 0.5s ease
 }
 .two-list-text-item ul li:hover {
  background-color: #f3f8fa
 }
 .two-list-text-item ul li span.badge-info {
  font-size: 1.6rem;
 }
 .two-list-text-item ul li a {
  font-size: 2.8rem;
  line-height: 2.8rem;
  margin-top: .8rem;
  display: inline-block;
  color: #141414;
 }
 .two-list-text-item ul li a:hover {
  color: #4f889f;
 }
 .two-list-text-item ul li a i {
  font-size: 1.8rem;
  color: #6094a8;
  padding-right: 8px;
 }
 .two-list-text-item ul li p {
  font-size: 1.8rem;
  line-height: 2rem;
  color: #5f5f5f;
 }
 .two-list-text-item .two-cotent-text {
  background-color: none;
  padding: 22px 0;
 }
 .two-cotent-text .two-cotent-time {
  font-size: 1.8rem;
  color: #ccc;
  margin-top: 24px;
 }
 .two-cotent-text .two-cotent-img {
  margin: 32px 0;
 }
 .two-cotent-text img {
  max-width: 480px;
 }
 .two-cotent-text table {
  max-width: 480px;
 }
 .two-cotent-end {
  font-size: 1.8rem;
  text-align: center;
  color: #5f5f5f;
  padding-bottom: 24px;
 }
 .two-cotent-end b {
  padding: 0 12px;
 }
 /*卡片列表---二级页面*/
 .m-two-list-card-box {
  display: inline-block;
  width: 100%;
  position: relative;
  margin: 50px auto;
 }
 .m-two-list-card-box .m-two-list-card-item {
  width: 100%;
  position: relative;
  padding: 0 30px;
 }
 .m-two-list-card-item .row {
  margin-bottom: 30px;
 }
 .m-two-list-card-item .card img {
  width: 100%;
  max-height: 240px;
 }
 .m-two-list-card-item .card-text {
  text-align: center
 }
 .w-container {
  display: none;
 }
 /*移动端滑动TAB导航*/
 .m-container {
  display: inline;
  width: 100%;
  border-bottom: 1px solid #e2e2e2;
 }
 .swiper1 {
  width: 100%;
 }
 .swiper1 .selected {
  color: #4f889f;
  border-bottom: 2px solid #4f889f;
 }
 .swiper1 .swiper-slide {
  text-align: center;
  font-size: 18px;
  height: 88px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
 }
 .swiper-wrapper a {
  color: #424242;
 }
 .swiper2 {
  width: 100%;
 }
 .swiper2 .swiper-slide {
  height: calc(100vh - 50px);
  background-color: #ccc;
  color: #fff;
  text-align: center;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
 }
 /*卡片列表 3列---二级页面*/
 .m-three-list-card-bg {
  display: inline-block;
  width: 100%;
  height: auto;
  padding: 40px 0;
  margin-bottom: 20px;
  background: url(../images/m-process-bg.jpg) no-repeat top center;
  background-color: #0f7395;
 }
 .m-three-list-card-bg-title {
  width: 100%;
  position: relative;
  margin: 0 auto;
 }
 .m-three-list-card-bg-title h3 {
  font-size: 28px;
  color: #fff;
  font-weight: 700;
  text-align: center;
 }
 .m-three-list-card-bg .m-three-list-card-img {
  padding: 20px 30px;
  text-align: center
 }
 .m-three-list-card-img img {
  width: 100%;
 }
 .m-three-list-card-title {
  display: inline-block;
  width: 100%;
  position: relative;
  margin: 0 auto;
 }
 .m-three-list-card-title h3 {
  font-size: 28px;
  color: #424242;
  font-weight: 700;
  padding-top: 32px;
  text-align: center;
 }
 .m-organization-box {
  display: inline-block;
  padding: 20px 30px;
  text-align: center;
  width: 100%;
 }
 .m-organization-box img {
  width: 100%;
 }
 .cotent-card-title {
  width: 100%;
  position: relative;
  padding: 0 30px;
 }
 .cotent-list-card-box {
  width: 100%;
  position: relative;
 }
 /*联系方式*/
 .cotent-list-card-box {
  position: relative;
  border-radius: 4px;
 }
 .cotent-list-card-box .content-list-l {
  width: 100%;
  padding: 0 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
 }
 .cotent-list-card-box .content-list-r {
  width: 100%;
  padding-top: 30px;
  padding-right: 30px;
  padding-left: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
 }
 .cotent-list-card-box .cotent-list-card-title {
  font-size: 24px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
 }
 .cotent-list-card-box .cotent-list-card-text {
  font-size: 20px;
  line-height: 24px;
  color: #424242;
 }
 .cotent-list-card-text h3 {
  font-size: 32px;
  font-weight: 700;
  line-height: 24px;
  color: #0f7395;
  margin-bottom: 16px;
 }
 .cotent-list-card-text p {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
 }
 .cotent-list-card-text p.cotent-list-card-01 {
  color: #0f7395;
  margin-bottom: 8px;
 }
 .cotent-list-card-text p b {
  color: #0f7395;
  margin-right: 8px;
 }
 /*map*/
 .two-map-box {
  width: 100%;
  height: auto;
  text-align: center;
  margin: 40px auto;
 }
 .photo-list-card-title {
  width: 100%;
  position: relative;
  margin: 50px auto 40px;
  text-align: center
 }
 .photo-list-card-title h3 {
  color: #424242;
  font-weight: 700;
 }
 .m-photo-list-card-box {
  display: inline-block;
  width: 100%;
  position: relative;
  padding: 0 30px;
 }
 .m-photo-list-card-item .row {
  margin-bottom: 30px;
 }
 .m-photo-list-card-item .card img {
  width: 100%;
  max-height: 225px;
 }
 .m-photo-list-card-item .card .card-text {
  font-size: 18px;
  text-align: center;
  padding: 12px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
 }
 .m-three-list-card-box {
  display: inline-block;
  width: 100%;
  position: relative;
  padding: 20px 30px;
 }
 .m-three-list-card-item .row {
  margin-bottom: 30px;
 }
 .m-three-list-card-item .card img {
  width: 100%;
 }
 .m-three-list-card-item .card .card-text {
  font-size: 18px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
 }
 .page-link-box {
  font-size: 1.8rem;
  color: #999;
 }
 .page-link-box .page-link-l {
  width: 100%;
  height: 48px;
  padding-bottom: 20px;
  text-align: center;
 }
 .page-link-box .page-link-r {
  width: 100%;
  border-top: 1px solid #eee;
  height: 48px;
  padding-top: 20px;
  text-align: center;
 }
 .m-page-box {
  display: inline;
  padding: 0 4rem;
  text-align: center
 }
 .m-page-box a {
  width: 90%;
  margin: 0 auto;
 }
 .m-footer-box {
  display: inline-block;
  width: 100%;
  margin-top: 30px;
  border-top: 1px solid #e2e2e2;
  padding: 48px 0;
  text-align: center;
  font-size: 1.4rem;
  color: #78a2b3;
 }
}
@media only screen and (min-width: 0) and (max-width: 540px) {
 .hearder-box {
  display: none;
 }
 .footer-box {
  display: none;
 }
}
@media only screen and (min-width: 540px) and (max-width: 768px) {
 .hearder-box {
  display: none;
 }
 .footer-box {
  display: none;
 }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
 .hearder-box {
  display: none;
 }
 .footer-box {
  display: none;
 }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
 .hearder-box {
  display: none;
 }
 .footer-box {
  display: none;
 }
}